<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>突出显示</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <style>
        *{
            margin: 0;
            padding: 0;
            background-color: #333333;
        }
        .dimg{
            width: 600px;
            margin: 200px auto;
        }
        .dimg img{
            float: left;
        }
    </style>
</head>
<body>
<div class="dimg">
    <img src="imgs/01.jpg" alt="">
    <img src="imgs/02.jpg" alt="">
    <img src="imgs/03.jpg" alt="">
    <img src="imgs/04.jpg" alt="">
    <img src="imgs/05.jpg" alt="">
    <img src="imgs/06.jpg" alt="">
</div>
<script>
    $(function () {
        $(".dimg>img").hover(function () {
            $(this).siblings().css("opacity",0.3);
        },function () {
            $(this).siblings().css("opacity",1);
        })
    })
</script>
</body>
</html>